<template>
  <page-wrap hideTab back stayStill title="认证企业" bgColor="#fff">
    <view class="content">
      <view class="tips">
        请选择一种方式认证你的企业身份：
      </view>

      <view class="item" @click="mobileCertClick">
        <text class="left"> 企业联系人的手机验证码</text>
        <view class="right">
          <u-icon name="arrow-right" color="#999" size="28"></u-icon>
        </view>
      </view>

      <view class="item" @click="workCertClick">
        <text class="left"> 上传工牌或在职证明</text>
        <view class="right">
          <u-icon name="arrow-right" color="#999" size="28"></u-icon>
        </view>
      </view>
    </view>
  </page-wrap>
</template>

<script>
export default {
  data() {
    return {
      applyType: 2, // 提交资质类型
    };
  },
  onShow() {},
  onLoad(opt) {
    if(opt && opt.type) {
      this.applyType = opt.type;
    }
  },
  methods: {
    mobileCertClick() {
      console.log("手机验证码-------");
      uni.navigateTo({
        url: "/pagesSub/company/mobile-cert/index",
      });
    },
    workCertClick() {
      console.log("在职证明-------");
      uni.navigateTo({
        url: '/pagesSub/company/workCert/index?type=' + this.applyType
      });
    },
  },
};
</script>
<style lang="scss" scoped>
::v-deep .content-wrap {
  background-color: white;
}
.content {
  background-color: white;
  .tips {
    padding: 32rpx;
    color: $uni-text-color-222;
    font-size: $uni-font-size-big;
  }

  .item {
    display: flex;
    justify-content: space-between;
    margin: 16rpx 32rpx;
    border: 1rpx solid #f7f8fa;
    border-radius: 12rpx;
    height: 120rpx;
    line-height: 120rpx;
    .left {
      margin: 0 32rpx;
    }
    .right {
      margin: 0 32rpx;
    }
  }
}
</style>
